:root{--primary:#4361ee;--primary-dark:#3a0ca3;--secondary:#f72585;--light:#f8f9fa;--dark:#212529;--gray:#6c757d;--light-gray:#e9ecef;--background-color:#ffffff;--text-color:#212529;--card-bg:#ffffff;--border-color:#dee2e6;--success:#28a745;--error:#dc3545;--warning:#ffc107}[data-theme="dark"]{--primary:#64B5F6;--primary-dark:#3a0ca3;--secondary:#f72585;--light:#343a40;--dark:#e9ecef;--gray:#adb5bd;--light-gray:#495057;--background-color:#121212;--text-color:#f8f9fa;--card-bg:#1e1e1e;--border-color:#343a40}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',system-ui,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--background-color);transition:background-color 0.3s,color 0.3s}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}header{background-color:var(--card-bg);box-shadow:0 2px 10px rgba(0,0,0,0.1);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border-color)}.header-container{display:flex;justify-content:space-between;align-items:center;padding:15px 0;max-width:1200px;margin:0 auto}.ektool-logo{display:inline-flex;align-items:center;text-decoration:none;gap:12px}.logo-icon{width:40px;height:40px;background:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-size:20px;flex-shrink:0}.logo-text{display:flex;flex-direction:column}.logo-title{font-size:24px;font-weight:700;color:var(--text-color);line-height:1}.logo-tagline{font-size:10px;color:var(--gray);letter-spacing:0.5px;margin-top:3px}nav ul{display:flex;list-style:none;align-items:center;gap:25px}nav ul li a{text-decoration:none;color:var(--text-color);font-weight:500;transition:color 0.3s;display:flex;align-items:center;gap:8px;font-size:15px}nav ul li a:hover{color:var(--primary)}.tools-hero{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;padding:80px 0;text-align:center;position:relative;overflow:hidden;margin-bottom:40px}.tools-hero h1{font-size:2.5rem;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:15px}.tools-hero p{font-size:1.2rem;max-width:700px;margin:0 auto 30px;opacity:0.9}.tools-section{padding:40px 0 60px}.category-selector{display:flex;gap:10px;padding-bottom:15px;margin-bottom:30px;overflow-x:auto;scrollbar-width:none}.category-selector::-webkit-scrollbar{display:none}.category-btn{padding:10px 20px;background-color:var(--light-gray);border:none;border-radius:50px;cursor:pointer;transition:all 0.3s;white-space:nowrap;font-size:0.9rem;display:flex;align-items:center;gap:8px}.category-btn.active{background-color:var(--primary);color:white}.converter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.converter-card{background-color:var(--card-bg);border-radius:10px;padding:25px;box-shadow:0 5px 15px rgba(0,0,0,0.05);border:1px solid var(--border-color);transition:transform 0.3s,box-shadow 0.3s}.converter-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1)}.converter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.converter-header h3{display:flex;align-items:center;gap:10px;font-size:1.3rem}.converter-body{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.input-group{display:flex;flex-direction:column;gap:15px}.styled-input{width:100%;padding:12px 15px;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;background-color:var(--card-bg);color:var(--text-color);transition:all 0.3s}.styled-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(67,97,238,0.2)}.styled-input[readonly]{background-color:var(--light-gray);cursor:not-allowed}.unit-selector{display:flex;flex-direction:column;gap:8px}.unit-selector label{font-size:0.9rem;color:var(--gray)}.swap-button{background-color:var(--light-gray);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s;align-self:center}.swap-button:hover{background-color:var(--primary);color:white}.history-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-color);font-size:0.9rem}.history-item:last-child{border-bottom:none}.tool-link{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--primary);color:white;text-decoration:none;border-radius:6px;font-size:0.9rem;transition:all 0.3s;border:none;cursor:pointer}.tool-link:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 30px;background-color:var(--secondary);color:white;text-decoration:none;border-radius:50px;font-weight:600;transition:all 0.3s;border:none;cursor:pointer;width:100%;font-size:1rem;margin-top:20px}.cta-button:hover{background-color:#e3177a;transform:translateY(-2px);box-shadow:0 4px 12px rgba(247,37,133,0.3)}.theme-toggle{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1.2rem;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s}.theme-toggle:hover{background-color:var(--light-gray)}footer{background-color:var(--dark);color:white;padding:60px 0 20px;margin-top:60px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.footer-col h3{margin-bottom:20px;font-size:1.2rem;position:relative;padding-bottom:10px}.footer-col h3::after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:var(--primary)}.footer-col p{color:#adb5bd;margin-bottom:15px;font-size:0.9rem}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:10px}.footer-col ul li a{color:#adb5bd;text-decoration:none;transition:color 0.3s;font-size:0.9rem;display:flex;align-items:center;gap:8px}.footer-col ul li a:hover{color:white}.social-links{display:flex;gap:15px;margin-top:20px}.social-links a{color:white;background-color:#495057;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color 0.3s}.social-links a:hover{background-color:var(--primary)}.copyright{text-align:center;padding-top:20px;border-top:1px solid #495057;color:#adb5bd;font-size:0.9rem}@media (max-width:992px){.converter-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.header-container{flex-direction:column;gap:15px;padding:15px}nav ul{justify-content:center;flex-wrap:wrap}.tools-hero{padding:60px 0}.tools-hero h1{font-size:2rem}.tools-hero p{font-size:1rem;padding:0 15px}.converter-grid{grid-template-columns:1fr}.converter-body{grid-template-columns:1fr;grid-template-rows:auto auto auto}.swap-button{transform:rotate(90deg);margin:10px auto}.footer-grid{grid-template-columns:1fr;gap:30px}}@media (max-width:480px){.converter-card{padding:20px}.category-selector{padding:0 15px 15px}.footer-col{text-align:center}.social-links{justify-content:center}.footer-col ul li a{justify-content:center}}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none !important}.text-center{text-align:center}@media print{header,footer,.category-selector{display:none}.converter-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}}